<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <title>Document</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/media.css">
</head>

<body>
  <!-- header -->
  @-@include('header.html')
  <!-- header-end -->
  <!-- banner -->
  <div class="in-banner" style="background-image: url(./images/form-banner.jpg);">
    <div class="in-con">
      <h2><img src="./images/title-img-form.png" /></h2>
      <article>权威专家  ● 国家标准 ●  专业服务</article>
    </div>
  </div>
  <!-- banner-end -->
  <!-- form -->

  <div class="form-info">
    <div class="wid">
      <header>平台介绍</header>
      <article class="info">
        中科创势科技成果评价服务平台是在科技部与工信部政策指导下成立，并受中关村认同应用技术跨界创新联盟委托，
        为科研机构、高校、企业等单位提供公开、公平、科学的科技成果评价服务及专业化的咨询服务。
      </article>
    </div>

  </div>

  <div class="form-wrap wid" id="form-wrap">
    <div class="form-tabs"><span class="active">专家预审(免费)</span><span>评价申请</span></div>

    <section>
      <form>
        <div class="form-con">
          <div class="form-item">
            <label class="tip"><span class="red">*</span>姓名 </label>
            <input type="text" class="form-input" />
          </div>
          <div class="form-item">
            <label class="tip"><span class="red">*</span>电话 </label>
            <input type="text" class="form-input" />
          </div>
          <div class="form-item">
            <label class="tip"><span class="red">*</span>邮箱 </label>
            <input type="text" class="form-input" />
          </div>
          <div class="form-item">
            <label class="tip"><span class="red">*</span>成果名称 </label>
            <input type="text" class="form-input" />
          </div>
          <div class="form-item">
            <select class="form-input form-select">
              <option>
                *成果归属
              </option>
              <option>
                单位一
              </option>
              <option>
                单位二
              </option>
            </select>

          </div>
          <div class="form-item">
            <select class="form-input form-select">
              <option>
                *成果归属地区
              </option>
              <option>
                地区一
              </option>
              <option>
                地区二
              </option>
            </select>

          </div>
          <div class="form-item form-long-item">
            <textarea placeholder="*请输入详细信息..." class="form-input form-textarea"></textarea>
          </div>
        </div>

        <button class="submit-btn">提交申请</button>

      </form>
    </section>

  </div>

  <div class="process-wrap">
    <div class="wid">
      <header class="step-title">
        科技成果评价的流程
      </header>
      <ul class="step-list">
        <li>
          <div class="circular">
            <div class="num">01</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">委托方向评价中心提交科技成果评价申请。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">02</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">委托方提供评价所需基本材料，
            评价中心对委托方提交的评价材料
            进行初步审查。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">03</div>
            <div class="step">签订评价合同</div>
          </div>
          <div class="con">初审通过后，签订评价合同，双方
            约定评价内容、方法、标准等要求及
            完成时间，委托方支付评价服务费。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">04</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">根据科技成果情况，评价中心遴
            选符合要求的评价专家并组建评
            价专家委员会。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">05</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">委托方向评价中心提交科技成果
            评价申请。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">06</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">委托方提供评价所需基本材料，
            评价中心对委托方提交的评价材料
            进行初步审查。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">07</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">初审通过后，签订评价合同，双方
            约定评价内容、方法、标准等要求及
            完成时间，委托方支付评价服务费。</div>
        </li>
        <li>
          <div class="circular">
            <div class="num">08</div>
            <div class="step">提交评价申请</div>
          </div>
          <div class="con">根据科技成果情况，评价中心遴
            选符合要求的评价专家并组建评
            价专家委员会。</div>
        </li>
      </ul>
    </div>

  </div>
  <!-- form-end -->
  <!-- footer -->
  @-@include('footer.html')
  <!-- footer-end -->
  <script src="./js/jquery.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/index.js"></script>
  <script>
    $(".header nav ul li").eq(1).addClass('active')

    // form-tab
    $('.form-tabs span').click(function () {
      $(this).addClass('active').siblings().removeClass('active')

    })
  </script>
</body>

</html>